﻿/* common style */
/**********************************************************************************/
html{width:100%;height:100%;}
body{width:100%;font-size:12px;font-family:STHeiti,"Microsoft YaHei", "微软雅黑", "SimSun", "宋体",arial;height:auto;}/*body 的高度 必须是auto的 不可以是100% ，否则会影响iframe的高度计算*//*overflow:hidden;*/
.ele-live-wrap table{font-size:12px;}/*解决 body设置的font-size不起作用，禁止浏览器内置对table的设置font-size:medium;*/
/************************************** MENU **************************************/
.main-new{position: absolute;top: 0;left: 0;width: 39px;height: 39px;}
a{text-decoration: none;}
body a[onclick],body a[id],button{cursor:pointer;}
/*走势图和开奖结果的头部menu*/
#_top_menu_div{padding:1px 0px 1px 4px;width:960px;margin:0 auto;}
#_top_menu_div , #_top_menu_div *{box-sizing:border-box;}
#_top_menu_div  .tab_menu{height:30px;border-bottom:1px solid #C8C8C8;}
#_top_menu_div  .tab_menu>div{float:left;margin-left:1px;height:31px;line-height:30px;min-width:80px;text-align:center;padding:0 15px;cursor:pointer;}
#_top_menu_div  .tab_menu>div.current{color:#ea721a;border-bottom:3px solid #ea721a;margin-bottom:-2px;}
#_top_menu_div  .game_btn{margin-top:1px;padding-top:1px;}
#_top_menu_div  .game_btn>[onclick]{min-width:70px;padding:0 6px 0 4px;text-align:center;line-height:27px;margin-top:2px;display:inline-block;cursor:pointer;border-radius:4px;margin-right:6px; }
#_top_menu_div  .game_btn>[onclick].current{color:#ea721a;}
#_top_menu_div  .game_btn i , #_top_menu_div  .game_btn:after { clear:both;}
/** * 购彩大厅 */
/* 彩种图 */
.ele-game-wrap{clear:both;margin:0 auto;width:100%;}
.ele-live-wrap{margin:0 auto;padding-right:3px;}
.ele-live-layout{border-radius:4px;position:relative;float:left;margin:0 5px 9px 5px;width:316px;height:190px;background-color:#353e47;}
/* 操作功能列表 */
.ele-live-ctl-wrap,.ele-live-ctl-links{width: 228px;}
.th .ctl-btn-rule{font-size: 16px;}
.ele-live-ctl-wrap{position: absolute;bottom: 0;height: 37px;overflow: hidden;}
/* 遊戲連結 */
.ele-live-link{float: left;margin-left: 13px;padding-right: 25px;width: 70px;height: 37px;line-height: 37px;background: url('') 75px 0 no-repeat;color: #888;text-decoration: none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ele-live-link:hover{background-position: 75px bottom;color: #FFF;}
/* 共用 工具列的icon */
.ele-live-tool{line-height: 35px;}
a.tool-btn-comingsoon{float: left;margin-left: 8px;color: #777;}
a.tool-btn-comingsoon:hover{color: #FFF;}
/* 狀態icon */
.ele-live-status{position: absolute;top: 0;right: 0;width: 92px;height: 74px;}
/* game group */
.ele-live-group{display: none;position: absolute;padding: 5px 0;border: 1px solid #FFF;border-radius: 4px;background-color: #FFF;white-space: nowrap;text-align: center;font-family:"新細明體";opacity: 0.9;z-index: 15;}
.ele-live-group a{display: block;padding: 4px 6px;color: #000;text-decoration: none;}
.ele-live-group a:hover,.ele-game-rule-map a{border-radius: 2px;color: #FFF;background-color: #000;}
.live-main-list  .click span{color:#ffff00!important;font-weight:600;}
/*画面小於375MENU **/
@media screen and (max-width: 390px){
    .ele-live-layout{width:290px; overflow: hidden; }
    .show-gd1 li{width:20px !important; height:20px !important; line-height: 20px !important; margin-top: 2px !important }
    .lott-bot a{width: 32.93% !important }
    .lot-wrap{width: 275px !important; background-size: 275px 175px !important; }
}
/*画面小於320MENU*/
@media screen and (max-width: 360px){
    .ele-live-layout{width:240px; overflow: hidden; }
    .show-gd1 li{width:15px !important; height:15px !important; line-height: 15px !important; margin-top: 6px !important }
    .lott-bot a{width: 74px !important }
    .lot-wrap{width: 225px !important; background-size: 230px 175px !important; }
}
/*-- alert提示框 --*/
#_alert_,#_alert_2{position:fixed;background-color:rgba(50,50,50,0.2);width:100%;height:100%;left:0;top:0;z-index:88;}
._alert_{width:265px;background:#fff;border:2px #ddd solid;box-sizing:border-box;border-radius:4px;font-size:12px;line-height:18px;position:fixed;left:50%;top:50%;margin-left:-135px;margin-top:-130px;min-height:150px; color: #666;}
._alert_>.title{height:44px;position:relative;border-bottom:1px #D7D7D7 solid;margin:0 15px;}
._alert_>.title>span{height:45px;border-bottom:3px #ea721a solid;position:absolute;line-height:46px;padding:0 3px;font-size:13px;}
._alert_  .btn_close{position:absolute;width:24px;height:24px;top:15px;right:2px;cursor:pointer;}
._alert_  .btn_close:hover>span{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
._alert_  .btn_close>span{width:18px;height:18px;display:block;background:url(/common/statics/img/icon/mdl-icon.png) no-repeat -11px -80px;border:none;
    transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;}
._alert_ .btn_ok:active{background:#0b954d;color:#094124;text-shadow:0 1px #51ba83;box-shadow:2px 2px 10px rgba(0,0,0,0.20) inset}
._alert_ .btn_ok{box-shadow:1px 1px 2px #000;cursor:pointer;width:92px;line-height:32px;font-size:14px;background:#808080;color:#fff;text-align:center;border:0;display:block;margin:20px auto;letter-spacing:6px;word-spacing:6px;padding-left:6px;
    -webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear; }
._alert_ .btn_ok:hover{background:#ea721a;}
._alert_>p{text-align:center;padding:23px 29px 6px 26px;}
._alert_.anim{animation:0.3s key_alert ease-out;-webkit-animation:0.3s key_alert ease-out;-ms-animation:0.3s key_alert ease-out;transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;}
@-webkit-keyframes key_alert{    0% {-webkit-transform:scale(0.5);opacity:0.8;} 100% {-webkit-transform:scale(1);}}
@-moz-keyframes key_alert{0% {-moz-transform:scale(0.5);;opacity:0.8;} 100% {-moz-transform:scale(1);}}
@keyframes key_alert{    0% {transform:scale(0.5);opacity:0.8;}     100% {transform:scale(1);} }
@-ms-keyframes key_alert{   0% {-ms-transform:scale(0.5);opacity:0.8;}    100% {-ms-transform:scale(1);}}
/*-- alert提示框 结束  --*/


